/*
    主题色样式
*/
$color-background: #3cc3fb; // 背景色
$color-text: #2E2E2E; // 文本色
$color-text-highlight: #fff; // 文本高亮色

$font-size-m: 14px; // 中等字号
$theme-color: #3BB8FD;
$grey-bg: #F7F7F7;
$grey-color:#C1C4C9;
$grey-border-color: #F5F4F7;
$yellow-color: #FF9C00; 

$base : #1c2438;
$regular : #495060;
$secondary : #80848f;

$border-base : #dddee1;
$border-light : #e9eaec;

$dark-primary : #2b85e4;
$primary : #2d8cf0;
$light-primary : #5cadff;
$success : #0ac160;
$chat : #95ec69;
$warning : #fa9d3b;
$danger : #ed3f14;

$background : #f8f8f9;
$dark-background : #e6e6e6;


//清除小程序默认样式
button::after {
    border: none;
}
button {
    background-color: #fff;
    border-radius:0;
}
//清除vant 默认样式
.van-tabs__line {
    background: #3bb8fd!important;
}
// 不换行
%no-wrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* 弹性布局 */

.flex {
    display: flex;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}
/* 箭头 */
.arrows-size {
    width: 9px;
    height: 15px;
    color: $grey-color;
}
/* tag css */
.tag-base {
    display: inline-block;
    height: 24px;
    padding: 0px 10px;
    line-height: 24px;
    border-radius: 12px;
}
/* 通用底部btn  */
.theme-btn {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: $theme-color;
    border-radius: 4px;
}
/* select指向箭头 */
.select-icon {
    position: relative;
}
.select-icon::after {
    content: '';
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    position: absolute;
    right: 15px;
}
.select-icon.select-icon--bottom::after {
    border-top-color: $color-text;
    top: 20px;
}
.select-icon.select-icon--right::after {
    border-left-color: $color-text;
    top: 15px;
}
/* 顶部对齐 */

.flex-top {
    display: flex !important;
    align-items: flex-start !important;
}

/* 底部对齐 */

.flex-bottom {
    display: flex !important;
    align-items: flex-end !important;
}

/*主轴方向底部对齐*/
.flex-main-end {
    justify-content: flex-end;
}

/* 垂直居中-需设置元素高度 */

.flex-middle {
    display: flex;
    align-items: center;
}

/* 水平居中 */

.flex-center {
    display: flex;
    justify-content: center;
}

/* 右对齐 */

.flex-right {
    display: flex;
    justify-content: flex-end !important;
}

/* 相同间距 */

.flex-around {
    display: flex;
    justify-content: space-around;
}

/* 两端对齐 */

.flex-between {
    display: flex;
    justify-content: space-between;
}

.mt10{
    margin-top: 10px
}
.mt15{
    margin-top: 15px
}
.mt30{
    margin-top: 30px;
}